<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>景区监测</title>
    <link rel="icon" type="image/x-icon" href="../../images/logo.png">
    <link rel="stylesheet" href="../../plugin/M_select/js/M_select/M_select.css">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/scenicMonitor.css">
</head>

<body>
    <div class="box">
        <!-- 头部 -->
        <div class="header-box">
                <img src="../../images/headeBg.png" alt="">
                <div class="weather-box">
                    <span>郑州 小雨转多云 32/16℃</span>
                </div>
                <h1 class="header-title"><img src="../../images/header.png" alt=""></h1>
                <div class="header-action">
                    <span class="action-time"></span>
                    <a href="javascript:;">管理中心</a>
                    <a href="javascript:;">退出</a>
                </div>
            </div>
        <div class="main-box">
            <!-- 侧边导航 -->
            <ul class="aside-box">
                    <li>
                        <a href="../home.html">
                            <span>
                                <img class="aside-img" src="../../images/home.png" alt="">
                                <img class="aside-imgA " src="../../images/homeA.png" alt="">
                                首页
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../surroundings/development.html">
                            <span>
                                <img class="aside-img" src="../../images/huanjing.png" alt="">
                                <img class="aside-imgA" src="../../images/huanjingA.png" alt="">
                                产业发展环境
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../basic/basic.html">
                            <span>
                                <img class="aside-img" src="../../images/yaosu.png" alt="">
                                <img class="aside-imgA" src="../../images/yaosuA.png" alt="">
                                产业基础要素
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../passengerFlow/destination.html">
                            <span>
                                <img class="aside-img" src="../../images/keliu.png" alt="">
                                <img class="aside-imgA" src="../../images/keliuA.png" alt="">
                                旅游客流监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../productTesting/index.html">
                            <span>
                                <img class="aside-img" src="../../images/chanpin.png" alt="">
                                <img class="aside-imgA" src="../../images/chanpinA.png" alt="">
                                旅游产品监测
                            </span>
                        </a>
                    </li>
                    <li class="active">
                            <a href="./scenicMonitor.html">
                                <span>
                                    <img class="aside-img" src="../../images/qiye.png" alt="">
                                    <img class="aside-imgA" src="../../images/qiyeA.png" alt="">
                                    旅游企业监测
                                </span>
                            </a>
                        </li>
                    <li>
                        <a href="../tourismProject/index.html">
                            <span>
                                <img class="aside-img" src="../../images/xiangmu.png" alt="">
                                <img class="aside-imgA" src="../../images/xiangmuA.png" alt="">
                                旅游项目监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../brand/brand.html">
                            <span>
                                <img class="aside-img" src="../../images/pinpai.png" alt="">
                                <img class="aside-imgA" src="../../images/pinpaiA.png" alt="">
                                旅游品牌监测
                            </span>
                        </a>
                    </li>
                </ul>
            <!-- 主题内容 -->
            <div class="content-box">
                <div class="content-nav-box">
                    <a class="active" href="./scenicMonitor.html">景区监测 </a>
                    <a href="travelAgency.html">旅行社监测</a>
                    <a href="hotelMonitoring.html">酒店监测</a>
                    <a href="villageMonitoring.html">旅游乡村监测</a>
                </div>
                <div class="flex-chart-between">
                    <!-- 左侧 -->
                    <div class="left-box">
                        <!-- 旅游资源 -->
                        <div>
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png" alt="">
                                    景区列表
                                </h3>
                            </div>
                            <div class="chart-box">
                                <div class="selected">
                                    <div class="select-box">
                                        <select name="" id="select-sheng" class="sheng">
                                            <option value="">河南省</option>
                                            <option value="">湖南省</option>
                                            <option value="">四川省</option>
                                        </select>
                                    </div>
                                    <div class="select-box">
                                        <select name="" id="select-shi" class="shi">
                                            <option value="">郑州市</option>
                                            <option value="">焦作市</option>
                                            <option value="">洛阳市</option>
                                        </select>
                                    </div>
                                    <div class="select-box">
                                        <select name="" id="select-jingqu" class="jingqu">
                                            <option value="">云台山</option>
                                            <option value="">白云山</option>
                                            <option value="">银基水世界</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="search-box">
                                    <input type="text" placeholder="请输入关键词">
                                    <a href="javascript:;"><img src="../../images/search.png" alt=""></a>
                                </div>
                                <ul class="info-list scrollbar">
                                    <li><span>共150条记录</span></li>
                                    <li><span>少林寺景区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>云台山景区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>龙门石窟</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>清明上河园</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>洛阳白云山</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>殷墟博物院</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>嵖岈山风景区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>新安龙潭大峡谷</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>伏牛山景区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>栾川老君山</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>西峡恐龙遗迹园</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>红旗渠名胜游览区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>栾川鸡冠洞</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>青天河风景名胜区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>神农山风景名胜区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>芒砀山旅游区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>太行大峡谷</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>尧山景区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>重渡沟风景区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>少林寺景区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>云台山景区</span><a href="./scenicDetail.html">查看</a></li>
                                    <li><span>龙门石窟</span><a href="./scenicDetail.html">查看</a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <!-- 中间 -->
                    <div class="center-box">
                        <div id="mapBox"></div>
                        <!-- <div class="infor-box">
                            <h3>嵩山少林寺</h3>
                            <div>
                                <a class="active" href="javascript:;">企业监测</a>
                                <a href="javascript:;">详细信息</a>
                                <a href="javascript:;">周边道路监测</a>
                                <a href="javascript:;">客流监测</a>
                                <a href="javascript:;">产品监测</a>
                                <a href="javascript:;">配套设施</a>
                            </div>
                        </div> -->
                        <!-- 配套设施 -->
                        <div class="facilities-box">
                            <h3>嵩山少林寺配套设施</h3>
                            <div>
                                <a class="active" href="javascript:;">视频监控</a>
                                <a href="javascript:;">WIFI</a>
                                <a href="javascript:;">广播</a>
                                <a href="javascript:;">停车场</a>
                                <a href="javascript:;">充电桩</a>
                                <a href="javascript:;">垃圾箱</a>
                                <a href="javascript:;">路灯</a>
                                <a href="javascript:;">缆车</a>
                                <a href="javascript:;">游船</a>
                                <a href="javascript:;">LED屏</a>
                                <a href="javascript:;">SOS报警</a>
                                <a href="javascript:;">厕所</a>
                                <a href="javascript:;">环境监测</a>
                                <a href="javascript:;">森林防火监测</a>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

    </div>
    <script src="../../plugin/jquery-1.11.1.min.js"></script>
    <script src="../../plugin/ECharts/echarts.js"></script>
    <script src="../../plugin/ECharts/china.js"></script>
    <script src="../../plugin/M_select/js/M_select/M_select.js"></script>
    <script src="../../js/common.js"></script>
    <script src="../../js/scenicMonitor.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=pBO5rztesPMh94cAbzoQAKKq3Rk1xCw3">
    </script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.js"></script>
</body>

</html>